import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
// 引入ElementUi 
import ElementUI from 'element-ui'
// 引入ElementCss
import 'element-ui/lib/theme-chalk/index.css';
// 引入混入
import Mixin from './mixin/index'
//引入路由插件
import VueRouter from 'vue-router'
// 引入路由器
import router from './router/index'
// 引入store
import store from './vuex/index'
// 引入pubsub
import pubsub, { version } from 'pubsub-js'
// 引入插件
import yd from './directives/index'
// ivew css
import 'view-design/dist/styles/iview.css';
import {Split,Dropdown,DropdownMenu,DropdownItem} from 'view-design'
Vue.component('Split',Split)
Vue.component('Dropdown',Dropdown)
Vue.component('DropdownMenu',DropdownMenu)
Vue.component('DropdownItem',DropdownItem)
// 右键菜单
import contentmenu from 'v-contextmenu'
import 'v-contextmenu/dist/index.css'
// 动画库
import 'animate.css';
// markdown组件
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
import LemonIMUI from 'lemon-imui';
import 'lemon-imui/dist/index.css';
import Groups from '../src/components/ychat/Groups'
import RoomBuild from '../src/components/ychat/RoomBuild'
import YChatNotice from '../src/components/ychat/YChatNotice'
import GroupManage from '../src/components/ychat/GroupManage'
import VueApexCharts from 'vue-apexcharts'
Vue.component('Groups',Groups)  
Vue.component('RoomBuild',RoomBuild)
Vue.component('YChatNotice',YChatNotice)
Vue.component('GroupManage',GroupManage)
Vue.use(LemonIMUI);
// use
Vue.use(mavonEditor)
Vue.use(contentmenu)
// 进行全局混入
Vue.mixin(Mixin)
// 使用elementui
Vue.use(ElementUI)
//使用pubsub
Vue.prototype.$pubsub=pubsub
// 使用插件
Vue.use(yd)
// 使用路由
Vue.use(VueRouter)

Vue.use(VueApexCharts)
Vue.component('apexchart', VueApexCharts)
new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')
